@import "~@/styles/theme.less";

.register_page {
	background-image: url("~@/images/login/login_bg.png");
	height: 100vh;
	width: 100%;
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	.login_form {
		padding: 40px 40px;
		box-sizing: border-box;
    background: #fff;
		border-radius: 4px;
		display: flex;
		.login_form_box {
			width: 350px;
			margin: 0 auto;
			.login-title {
				font-size: 28px;
				font-weight: 500;
				color: rgba(23, 30, 45, 1);
				line-height: 36px;
				letter-spacing: 2px;
				margin-bottom: 24px;
				text-align: center;
			}
			.ant-form-item-label > label {
				height: 22px;
				font-size: 14px;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(23, 30, 45, 1);
				line-height: 22px;
			}
			.input {
				padding: 9px 16px;
				color: #171e2d;
				font-size: 14px;
				height: 40px;
				min-height: 40px;
				border-radius: 4px;
				line-height: 38px;
				border: 1px solid rgba(217, 221, 224, 1);
			}
			.ant-form-item-has-error {
				.input {
					border-color: #e53232;
				}
			}
			.ant-form-item {
				margin-bottom: 16px;
				&:last-of-type {
					margin-top: 24px;
					margin-bottom: 0px;
				}
			}
			.ant-form-item-has-error .ant-form-item-explain,
			.ant-form-item-has-error .ant-form-item-split {
				color: #e53232;
				margin-top: 6px;
				font-family: PingFangSC-Regular, PingFang SC;
			}
			.login-res {
				font-size: 14px;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(229, 50, 50, 1);
				line-height: 22px;
			}
			.login-form-button {
				width: 100%;
				height: 40px;
				line-height: 40px;
				border-radius: 4px;
				font-size: 16px;
				padding: 0px;
				text-align: center;
				text-shadow: none;
				box-shadow: none;
				border: none;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(255, 255, 255, 1);
			}
			.forget__pwd {
				cursor: pointer;
				width: 100%;
				font-size: 14px;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: @primary-color;
				line-height: 22px;
				margin-top: 8px;
			}
		}
	}
	.forget-_pwd-modal {
		.ant-modal-header {
			padding: 17px 38px;
			background-color: #f5f6fc;
			font-family: PingFang-SC;
			font-size: 18px;
			font-weight: 500;
			color: #112e54;
			border-bottom: none;
		}
		.close {
			position: absolute;
			top: 17px;
			right: 38px;
			cursor: pointer;
		}
		.ant-modal-body {
			padding: 36px 38px;
			font-family: PingFang-SC;
			font-size: 14px;
			font-weight: 500;
			line-height: normal;
			color: #112e54;
		}
		.contract {
			margin-bottom: 16px;
		}
		.ant-modal-footer {
			padding: 24px;
			border-top: 1px solid #f5f6fc;
			text-align: center;
		}
		.confirm {
			width: 120px;
			height: 36px;
			text-align: center;
			line-height: 36px;
			padding: 0;
			border: none;
			font-family: PingFang-SC;
			font-size: 14px;
			font-weight: 500;
			color: #ffffff;
			border-radius: 4px;
			background-color: @primary-color;
		}
	}
}
